<template>
  <div>
    <LayoutH>
      <template v-slot:title>
        <div class="title">
          <span>分销管理</span>/ <span>作为渠道方</span>/
          <span>我分销的路线</span>
        </div>
      </template>
      <template v-slot:destination>
        <div style="display: none"></div>
      </template>
    </LayoutH>

    <router-link to="/distribution/distriadmin"
      ><span class="circuitbtn margin-b append" @click="index = 1"
        >添加分销线路</span
      ></router-link
    >

    <!-- <div class="layout_right_textcontent">
      <div style="text-align: left; margin-bottom: 1.6vh">
        
      </div>
      <div id="el-table">
        <el-table
          empty-text="您暂时还未有分销的线路，快去添加吧 🥰"
          :data="tabelData"
          height="59.64vh"
          style="width: 100%"
        >
          <el-table-column label="线路名" style="overflow: hidden" width="250">
            <template slot-scope="scope">
              <span>{{ scope.row.route_title }}</span>
            </template>
          </el-table-column>
          <el-table-column label="线路发布方 (地接社)" width="170">
            <template slot-scope="scope">
              <span>{{ scope.row.agency_price }}</span>
            </template>
          </el-table-column>
          <el-table-column label="目的地" width="100">
            <template slot-scope="scope">
              <span>{{ scope.row.channel_sales }}</span>
            </template>
          </el-table-column>
          <el-table-column label="代理价（元）" width="130">
            <template slot-scope="scope">
              <span>{{ scope.row.total_channel_sales }}</span>
            </template>
          </el-table-column>
          <el-table-column label="分销售价（元）" width="120">
            <template slot-scope="scope">
              <span>{{ scope.row.status_text }}</span>
            </template>
          </el-table-column>
          <el-table-column label="状态" width="70">
            <template slot-scope="scope">
              <span>{{ scope.row }}</span>
            </template>
          </el-table-column>
          <el-table-column label="含默认导游" width="100">
            <template slot-scope="scope">
              {{ scope.row }}
            </template>
          </el-table-column>
          <el-table-column label="第三方导游合作" width="120">
            <template slot-scope="scope">
              {{ scope.row }}
            </template>
          </el-table-column>
          <el-table-column label="操作">
            <template slot-scope="scope"> -->
    <!-- 详情 -->
    <!-- <span
                class="green"
                v-if="scope.row.status == 2 || scope.row.status == 3"
                @click="goDetails(scope.row)"
                >详情</span
              > -->
    <!-- 编辑 -->
    <!-- <span class="green" v-if="scope.row.status == 2">编辑</span> -->

    <!-- 上架 -->
    <!-- <span
                class="green"
                v-if="scope.row.status == 2"
                @click="(putaway = true), (submit = true), (id = scope.row)"
                >上架</span
              > -->
    <!-- 下架 -->
    <!-- <span
                class="green"
                v-if="scope.row.status == 3"
                @click="(putaway = true), (submit = true), (id = scope.row)"
                >下架</span
              >
              <span class="green" v-if="scope.row.status == 1">--</span>
              <span class="green" v-if="scope.row.status == 4">编辑</span>
              <span
                class="green"
                @click="deleteEle(scope.row.route_service_id)"
                v-if="scope.row.status == 4 || scope.row.status == 2"
                >删除</span
              >
            </template>
          </el-table-column>
        </el-table>
      </div> -->

    <!-- <div style="margin-top: 3vh">
        <el-pagination
          background
          hide-on-single-page
          @current-change="currentChange"
          layout="prev, pager, next"
          :total="total_count"
          :current-page="pagedata.page_no"
        >
        </el-pagination>
      </div> -->
    <!-- </div> -->
  </div>
</template>

<script>
import LayoutH from "@/components/Layoutheader.vue";
import myDistribution from "@/mixins/distri/distriAdmin.js";

export default {
  components: { LayoutH },
  mixins: [myDistribution],
  data() {
    return {
      pagedata: {
        page_on: 1,
        page_size: 10,
      },
    };
  },
};
</script>

<style>
</style>